<template>
	<view>
		<button size="default" type="primary"  disabled loading>按钮</button>
		<view>----------</view>
		<input  placeholder="请输入搜索内容" placeholder-style="color:orange" type="text" maxlength=10 confirm-type="next"/>
	</view>
	
	<view>
		{{1+1}}
	</view>
	<view>
		{{a + 3}}
	</view>
	<view>
		{{Date.now()}}
	</view>
	<view>{{fn()}}</view>
	<view>{{number}}</view>
	<view>{{number1}}</view>
	<view>{{arr}}</view>
	<view>{{obj}}</view>
</template>

<script setup>
	import {ref} from 'vue'
	let a = 5
	function fn(){
		return 'Vue3的学习'
	}
	let number = 0
	// setInterval(()=>{
	// 	number ++
	// 	console.log(number)
	// }, 1000)
	let number1 = ref(0)
	console.log(number)
	console.log(number1.value)
	setInterval(()=>{
		number1.value ++
	}, 1000)
	
	let arr = ref([1, 2, 3, 4])
	
	let obj = ref({
		name: '张三',
		age : 33
	})
	obj.value.name = '李四'
</script>

<style>

</style>
